<template>
  <div class="home">
    <van-grid :column-num="3">
      <van-grid-item @click="goRouter('person')">
        <img class="task_icon" src="@/assets/images/task_icon1.jpg" />
        <div class="nav_val">招揽情况表_人员</div>
      </van-grid-item>
      <van-grid-item @click="goRouter('fixcenter')">
        <img class="task_icon" src="@/assets/images/task_icon2.jpg" />
        <div class="nav_val">招揽情况表_门店</div>
      </van-grid-item>
      <van-grid-item @click="goRouter2('userFollowData')">
        <img class="task_icon" src="@/assets/images/task_icon3.jpg" />
        <div class="nav_val">人员跟进情况表</div>
      </van-grid-item>
      <van-grid-item @click="goRouter2('outBoundSeatsCount')">
        <img class="task_icon" src="@/assets/images/task_icon4.png" />
        <div class="nav_val">座席外呼统计_人员</div>
      </van-grid-item>
      <van-grid-item @click="goRouter2('outBoundSeatsCountByOrg')">
        <img class="task_icon" src="@/assets/images/task_icon4.png" />
        <div class="nav_val">座席外呼统计_门店</div>
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
import { Grid, GridItem } from 'vant'

export default {
  name: 'menuNav',
  components: { Grid, GridItem },
  data() {
    return {}
  },

  mounted() {},

  methods: {
    goRouter(countType) {
      this.$router.push({ path: '/taskData', query: { countType: countType } })
    },
    goRouter2(url) {
      this.$router.push({ path: url })
    },
  },
}
</script>

<style lang="less" scoped="">
.home {
  // background: #f3f3f3;
}
.iconfont {
  font-size: 30px;
  color: #333;
}

.nav_val {
  margin-top: 10px;
  text-align: center;
  font-size: 10px;
  color: #333;
}
.task_icon {
  width: 30px;
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
</style>
